Ruby

 

طراحي و توسعه زبان رابي به اواسط دهه 1990 بازمي گردد. منتشر کننده اين زبان فردي به نام يوکيهيرو ماتز ماتسوموتو (Yukihiro Matz Matsumoto) بود. نسخه هاي متعددي از اين زبان  طي سال هاي متوالي توسعه يافت و نسخه پايدار آن در سال 2006 منتشر شد. از محبوب ترين  طراحی  فريم ورک هايي که در چندسال اخير برپايه اين زبان توسعه يافته مي توان Ruby on rails را نام برد که با شعار"کشف بن بست شکنانه براي کاهش موانع ورود به برنامه نويسي" شهرت دارد. الگوي طراحي برنامه هاي اين فريم ورک برپايه MVC است.

 

Java

 

در ابتدا بايد توجه داشت که زبان جاوا و جاوا اسکريپت دو زبان کاملا مجزا ازهم هستند. جاوا يکي از محبوب ترين زبان ها تا سال 2012 بود. اين زبان توسط جيمز گاسلينگ (James Gosling) و تحت ليسانس شرکت سان در سال 1995 خلق شد. جاوا قابليت پياده سازي بر روي تمام پلتفرم هاي استاندارد را دارد.

تکنولوژي هاي جاوا را مي توان به سه گروه تقسيم کرد :

 

جاوا براي موبايل اپليکيشن ها (J2ME): اين تکنولوژي بيشتر با نام J2ME يا Java 2 Mobility Editionشناخته شده است و بيشتر براي طراحی مقابله با محدوديت هاي ساخت برنامه هاي کاربردي در دستگاه هاي کوچک مورد استفاده قرارمي گيرد و همچنين داراي کتابخانه هاي بسياري براي توسعه اپليکيشن است، مانند اپليکيشن هاي تلفن همراه.

نگارش استاندارد جاوا (J2SE): عنواني که براي اين تکنولوژي رواج يافته J2SE است و مخفف عبارت Java 2 platform standard edition مي باشد. به کمک اين تکنولوژي مي توان طيف وسيعي از برنامه هاي کاربردي - اعم از بازي هاي گرافيکي تا اپليکيشن هاي مرتبط با پايگاه هاي داده - را توليد کرد. همچنين در کتابخانه هاي آن کليه API ها و کلاس هاي مورد نياز وجود دارد.

نگارش سازماني جاوا (JEE): نام اين پلتفرم جاوا Java enterprise edition است. اين تکنولوژي در توسعه برنامه هاي بسيار بزرگ و سازماني مورد استفاده قرار مي گيرد، برنامه نويسان اين نسخه از جاوا قادرخواهند بود برنامه هاي عظيمي براي شبکه ها و حتي سرورها توليد کنند.

 

اين سوال معمولا وجود دارد که چه تفاوتي ميان اينترنت و وب جهان گستر وجود دارد؟ و چه مواقعي بايد قبل از URL از WWW استقاده کنيم؟ 

بسياري از کاربران، مفاهيم اينترنت و وب جهان گستر (World Wide Web) را يکسان يا به جاي هم به کار مي برند. در واقع از جهتي حق با آنهاست، زيرا Web آنچنان رشد کرده و همه چيز را در اينترنت به زير سيطره خود برده که در اکثر مواقع، اينترنت مساوي وب و وب مساوي اينترنت است. ما در اينجا توضيح مي دهيم که چرا اين تصور، از جهاتي اشتباه است.

اينترنت يک معناي عام و بسيار وسيع، و شامل يک دالان تو در تو است از صفحات وب، خطوط تلفن، خطوط کابلي،ماهواره ها، سيم هاي شبکه و کامپيوترهاي به هم پيوسته که در سرتاسر جهان پراکنده شده اند.

وب نيز بخشي از امکانات اينترنت است و به صفحات و پايگاه هايي اطلاق مي شود که از طريق آدرس هاي ويژه، امکان استفاده و مرور آنها توسط انواع مرورگرها مهيا مي باشد. ما مي توانيم با استفاده Uniform Resource Locator يا URL به اين پايگاه ها دسترسي داشته باشيم. اين روش آدرس دهي (مثل www.popsci.com) در دهه گذشته اينترنت را تبديل به شاهراه اطلاعاتي کرد. به خصوص اينکه باعث حذف اعلان ها و فرمان هايي شد که سابقا کاربران مجبور بودند تا براي رسيدن به اطلاعات متني، تايپ کنند. آن هم اطلاعاتي که صرفا متن بوده و از جهاتي کسل کننده بودند، اما وب آنها را تبديل به محيطي جذاب، بصري و فوق العاده پويا و متحرک نمود.

ضمن اينکه بخش عظيمي از محتوياتي که شما از طريق URL بدست مي آوريد، فايل هايي هستند که با يک کد خاص موسوم به Hyper Text Markup Language يا به اختصار HTML نوشته شده اند. در حقيقت ما فايل هاي HTML را به عنوان صفحات وب مي شناسيم.

 

تفاوت اينترنت و وب چيست؟

اکثر کاربران فکر مي کنند که وب همان اينترنت است اما اينترنت در سال ???? وقتي که آرپانت که همان پدر اينترنت ناميده مي شود شروع به استفاده از پروتکل TCP/IP کرد شکل گرفت. وب توسط تيم برنرزلي انگليسي در سال ???? ساخته شده. شبکه جهاني وب از سرورها که صفحات را دربر دارند و مرورگرهاي بسياري همانند فايرفاکس، اينترنت اکسپلورر، سافاري و… ساخته شده است. در واقع اينترنت مجموعه اي از فناوري است که موجوديت وب را رقم زده است. اگر اينترنت نبود وب هم نبود و اگر وب نبود اينترنت هم چنان در اثر هجر باقي مي ماند. بايد به اين نکته توجه داشت که بسياري از برنامه هاي تحت شبکه بدون نياز به وب کار مي کنند مانند ايميل،FTP ، IRC يا چت مبتني بر اينترنت، نرم افزارهاي پيام رسان، تل نت، تورنت... اينترنت يک دا?ن تو در تو است از تلفن ‏ها، خطوط کابلى، ماهواره ‏ها، سيم‏ هاى شبکه و کامپيوترهاى به هم پيوسته که در سرتاسر جهان پراکنده شده‏اند. وب به نامى گفته مي شود که به هر چيز در اينترنت تعلق گرفته است.

 

  ما فايل هاى HTML را به عنوان صفحات وب مي شناسيم. حالت هاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم: مثل وقتى که يک e-mail مي فرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم(peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرس هاى وب که با ".www" شروع نمي شوند. به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو? نيازى به وارد کردن".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد مي کنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد.

 

سرور اغلب سايت را حتى بدون پيشوند(به عنوان مثال irankala.org) تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب(ping) مي کند. حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود.

 

اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايت تان را پيدا نکنيد. يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد«در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده». در حال حاضر کاربران، سايت ها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند.

 

 

 

 

 بدون شک آغاز ارتباط با شبکه اينترنت در ايران همواره نام مرکز تحقيقات فيزيک نظري و رياضيات را به ياد مي آورد. مرکز تحقيقات فيزيک نظري و رياضيات که در سال 1369 بعنوان نماينده ايران در شبکه آموزش و پژوهش اروپا پذيرفته شده بود، در سال 1370 ارتباط ايران را بصورت e-mail و از طريق گره اتريش با شبکه اينترنت برقرار نمود.

پس از ارتباط مطمئن و دائمي تر با اينترنت در سال 1371، مرکز تحقيقات فيزيک نظري سرويس دهي به دانشگاهها را آغاز نمود.

از سال 1372 ارايه اينترنت در ايران توسط مراکز خصوصي آغاز شد، در حاليکه قبل از آن شرکت مخابرات از طريق شرکت ديتا اقدام به ارايه سرويس اينترنت کرده بود.

 

Web :

وب بر اساس مدل سرويس گر(server)/سرويس گير(client) عمل ميكند 

مدل سرويس گر و سرويس گير در سيستم شبكه هاي كامپيوتري شامل 3 جزء است . سرويس گر ، سرويس گير و شبكه كه ، سرويس گير يك نرم افزار است كه بر روي كامپيوتر كاربر اجرا ميشود و سرويس گر نرم افزاري است كه بر روي كامپيوتري كه عمل تغذيه اطلاعاتي را به عهده دارد انجام ميشود. كاربر از طريق اين نرم افزار ميتواند درخواستهايي را براي دريافت اطلاعات و انجام اعمالي ارسال دارد اين درخواست از طريق شبكه به كامپيوتر سرويس گر ميرسد و سرويس گر اعمال لازم را انجام مي دهد. تمام اطلاعاتي كه بر اساس مدل سرويس گر و سرويس گير عمل ميكنند از يكسري ضوابط يا پروتكل هايي پيروي ميكنند كه براي آن سيستم تعريف شده اند. اين شكل فعاليت درخواست و پاسخ كه از طريق مدل سرويس گر و سرويس گير اجرا ميشود توانائيهاي زيادي دارد رابطه سرويس گير و سرويس گر بر اساس يك پروتكل از پيش تعيين شده برقرار ميشود.

نرم افزار سرويس گر ميتواند براي هر نوع سخت افزار خاصي طراحي شود در واقع Server ديگر نگران اينكه كاربر از چه نوع كامپيوتري استفاده ميكند نخواهد بود زيرا ميداند كه زبان مشترکي با Client دارد كه صرفنظر از سيستم سخت افزاري كاربر هر دوي آنها به اين زبان با همديگر ارتباط برقرار ميكنند در واقع اين طراحي در سطح نرم افزار Client صورت گرفته و همين امر است كه وب را به صورت يك پديده غير وابسته به سيستم در آورده است . Platform Independent براي درك بهتر موضوع مدل Server/client را مشابه سيستم پخش تلويزيوني مي دانيم كه برنامه هاي تلويزيون از طريق هر دستگاه تلويزيوني گرفته ميشود اطلاعات از يك سيستم پخش امواج بر اساس ساختار استاندارد انتشار مي يابد.

- مرورگر هاي Web ميتوانند به اطلاعات چند پروتکلي دسترسي داشته باشند مرورگرهاي وب چند پروتکلي هستند اين بدان معناست كه مرورگر ها ميتوانند به انواع مختلفي از سرويس گرها كه بر اساس پروتكل هاي مختلفي ارتباط برقرار ميكنند دسترسي داشته باشند مهمترين پروتكل هايي كه مرورگرها ميتوانند با استفاده از آنها به سرويس گرها متصل شوند عبارتند از :

1. HTTP -Hyper text transmission protocol : اين پروتكل مخصوص وب است و براي انتقال ابر متني از طريق شبكه طراحي شده است.

2. FTP  - transmission protocol File: اين پروتكل براي اين طراحي شده كه به كاربر اجازه ميدهد تا فايلها را خيلي سريع و به راحتي برداشت كند . انتقال فايل بين کامپيوترهاي متصل به اينترنت بر عهده اين پروتکل است، اما اين پروتکل خدمات ذيل را هم ارائه ميکند.

 

3. Telnet : براي ورود به سيستم يك كامپيوتر ميزبان ( معمولا از راه دور ) مثلاً هنگامي كه به Gopher/server متصل است بعنوان يك سرويس گر گوفر و وقتي كه به يك اخبار يوزنت متصل است مانند يك سرويس گر اخبار عمل ميكند

 

 در اين قسمت مطالب زير را با هم بررسي خواهيم کرد:

 

مفهوم کامنت و لزوم استفاده از آن

کاراکترها وسمبل ها و نحوه استفاده در  XHTML

نقطه شروع براي هر وب سايتي

لينک براي ارسال ايميل

درج تصاوير در سند

 

 

مفهوم کامنت و لزوم استفاده از آن

 

نظم در برنامه نويسي ارزش بالايي دارد به طوري که مي بايست برنامه نوشته شده توسط شما قابل دنبال کردن توسط برنامه نويس ديگري باشد. يکي از ابزارهايي که در اين زمينه به ما کمک مي کند گذاشتن کامنت است.

کامنت در واقع نوشته هايي است که در سورس برنامه وجود دارند ولي در نمايش خروجي ظاهر نمي شوند . کامنت گذاري در HTML  و CSS و JavaScript  کاربرد زيادي دارند. به مثال زير دقت کنيد:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Comment example</title>

<meta http-equiv="Content-Type"

content="text/html; charset=utf-8"/>

</head>

<body>

<p>I really, <em>really</em> like this XHTML stuff.</p>

<!-- Added emphasis using the em element. Handy one, that. -->

</body>

</html>

 

و خروجي بدين صورت است:

 

 

در واقع با کامنت توضيح داده است  که چرا از تگ em  استفاده کرده است. کامنت  گذاري در HTML   بيشتر براي جدا کردن قسمت هاي مختلف وب سايت مي باشد به طور مثال قسمت منو را با کامنت مشخص مي کنيم و مي گويم  مثلا اين قسمت از HTML براي منو است.

 

نحوه نوشن کامنت در HTML بدين صورت است:

 

<!-- Begi Navigation -->

 

 

و در CSS :

 

/*  comment  */

 

بگذاريد يک ذره جلوتر برويم و يک استفاده حرفه اي تر کامنت را هم براتون توضيح بدهم :

 

استفاده ديگر کامنت زماني است که مي خواهيد قسمتي از کد خودتونو  نمايش نديد و يا براي مدتي پنهان کنيد در آن زمان است که قسمت مربوطه را کامنت مي کنيد که بعدا هم قابل برگشت است .

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Commenting out XHTML</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

</head>

<body>

<h1>Current Stock</h1>

<p>The following items are available for order:</p>

<ul>

<li>Dark Smoke Window Tinting</li>

<li>Bronze Window Tinting</li>

<!-- <li>Spray mount</li>

<li>Craft knife</li> -->

</ul>

</body>

</html>

 

 و حالا خروجي برنامه

 

بسياري موارد پيش مي آيد که مي خواهيد در متن خود مانند نوشتن همين مقاله از کاراکترهايي مثل > ويا &  و يا هر کاراکتر خاص ديگري استفاده کنيد. در XHTML  ما به جاي درج مستقيم اين کاراکترها از کد خاصي که براي آنها تعريف شده استفاده مي کنيم. مثلا به جاي & از &amp;   استفاده مي کنيم و اين يکي از تفاوت هاي HTML با XHTML است ، يعني اگر بدين صورت عمل نکنيم سند ما Valid نخواهد شد.

 

براي آگاهي از اين کد ها ميتوانيد به اين آدرس رجوع کنيد.

 

صفحه اول ، نقطه شروع هر وب سايت

 

نقطه شروع هر وب سايت صفحه اول آن است که با نام  index  ويا default  شناخته خواهد شد. ما در يک مثال کاربردي تگ هايي که تا به حال آموختيم به اضافه دو خصوصيت جديد اضافه کردن تصوير و ارسال ايميل را خواهيم آموخت.

 

مثال زير را در اديتور خود بنويسيد و با نام index.html  ذخيره نماييد 

 

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

</head>

<body>

<h1>BubbleUnder.com</h1>

<p>Diving club for the south-west UK - let's make a splash!</p>

<h2>Welcome to our super-dooper Scuba site</h2>

<p>Glad you could drop in and share some air with us! You've

passed your underwater navigation skills and successfully

found your way to the start point - or in this case, our home

page.</p>

<h3>About Us</h3>

<p><img  src="divers-circle.jpg" width="200" height="162"

alt="A circle of divers practice their skills"/></p><p>When we're not diving, we often meet up in a local pub

to talk about our recent adventures (any excuse, eh?).</p>

<h3>Contact Us</h3>

<p>To find out more, contact Club Secretary Bob Dobalina

on 01793 641207 or <a

href="contacttest@test,com">email

[email protected]</a>.</p> </body>

</html>

 

 

 حالا خروجي را ببينيم :

 

در مورد تگ هاي p  و h قبلا صحبت کرده ايم ولي اينجا در قسمت contact متن آبي رنگي را مي بينيد که لينک است يعني تگ a ولي يک لينک معمولي نيست .اين يک لينک براي ارسال ايميل است و اگر در ويندوز خود برنامه مديريت ايميل داشته باشيد مانند outlook با آن مي توانيد به شخص مورد نظر ايميل ارسال نماييد.

صفحاتي که تا به حال درست کرده ايم به صورت متني و بسيار کسل کننده است و براي جذابيت بيشتر مي بايست از عکس ها استفاده کرد . با استفاده از تگ img مي توان تصاوير را به صفحه اضافه کرد. بدين ترتيب :

 

<img  src="divers-circle.jpg"  width="200" height="162" alt="A circle of divers practice their skills" />

 

اين تگ يک تگ empty است و داراي attribute هاي زير است :

 

src  براي آدرس عکس

 

alt  براي توضيح تصوير

 

width عرض تصوير به پيکسل

 

height ارتفاع تصوير به پيکسل

 

Alt هم متني است که عکس را توصيف مي کند و در مرورگرهاي متني و يا زماني که مرورگر تصاوير را نشان نميدهد به جاي نمايش عکس اين متن نمايش مي يابد و اما فايده ديگر اهميتش براي موتورهاي جستجو است.

 

اين نکته را هم در پايان اضافه کنم که براي Valid شدن در XHTML صفحه وجود alt  الزامي است .

 

 

 

همانطوري که ميدانيد، کاربران وردپرس مي توانند از قسمت تنظيمات داشبورد وردپرس، نسبت به تعيين عنوان و معرفي کوتاه براي وب سايت خودشان اقدام کنند؛ تعريف مناسب و دقيق اين عنوان و معرفي کوتاه (يا همان عبارت توصيفي که دز حرفه ي طراحي سايت، به آن slogan نيز گفته مي شود) بسيار حائز اهميت مي باشد؛ چرا که فوايد براي سئو، آشنايي کاربران با عملکرد شما و نقش بستن کلمات کليدي شما در ايندکس هاي گوگل و همچنين ذهن مخاطبان شما خواهد داشت.

 

طراحی وب سایت

قالب و پوسته هاي وردپرس و استفاده از slogan

چون از امکان استفاده از عنوان و متن توصيفي مورد نظر، محروم شده است. لذا در صورتي که شما يک طراح قالب وردپرس هستيد، هميشه در کدنويسي پوسته هاي وردپرس، به لحاظ شدن اين نکته ي کوتاه اما بسيار حائز اهميت، توجه داشته باشيد و نيز در صورتي که شما از کاربراني هستيد که وب سايت خودتان را با استفاده از وردپرس راه اندازي کرده ايد، حتما توجه داشته باشيد که در قالب شما، نام و معرفي کوتاه توضيح داده شده، به کار گرفته شده باشند.

 

براي شروع کار با HTML شما به چيزهايي نياز داريد که در ليست زير آمده است:

 

شما به يک ويرايشگر متن نياز داريد. در ويندوز شما مي توانيد از برنامه Notepad استفاده کنيد. از هر نرم افزار ويرايش متن ديگري استفاده کنيد اما اين نکته را در نظر داشته باشيد که نرم افزار WordPad که در ويندوز وجود دارد و نرم افزارهايي مانند Microsoft Office Word و امثال آن براي نوشتن کدهاي HTML مناسب نيستند چون در هنگام ذخيره کردن متن اين نرم افزارها کدهايي را به آن اضافه مي کنند.

نرم افزار Notepad را مي توانيد از طريق منوي استارت در قسمت Accessories پيدا کنيد يا از طريق فرمان Run با تايپ notepad در کادر Open و فشار دادن دکمه Enter.

شما به يک مرورگر وب به انتخاب خود نياز داريد. مي توانيد از Microsoft Inteet Explorer استفاده کنيد که با ويندوز نصب مي شود يا از Opera, Mozilla Firefox و نرم افزارهاي مشابه که اغلب به صورت رايگان براي دانلود در اينترنت وجود دارند.

بهتر است صفحاتي را که مي نويسيد با چند مرورگر آزمايش کنيد. زيرا در HTML قسمتهايي وجود دارد که مختص به يک مرورگر خاص است و با ساير مرورگرها کار نمي کند.

شما به جايي براي ذخيره کردن متن خود داريد که مي تواند جايي روي هارد ديسک شما، يک فلاپي ديسک يا يک سرور باشد. البته شما براي استفاده از HTML نياز نداريد حتماً به اينترنت متصل باشيد، شما مي توانيد با استفاده از يک مرورگر وب در کامپيوتر خود از HTML استفاده کنيد.

براي ذخيره کردن فايلي که با Notepad نوشته ايد کافي است از منوي File گزينه Save As را انتخاب کرده و مسيري را براي ذخيره فايل انتخاب کنيد و در کادر File Name در پايين پنجره Save As نام فايل را با پسوند html بنويسيد. در آخر هم دکمه Save را کليک کنيد.

 

 

 

آموزش کار با استايل (CSS)

CSS يا همان Cascading Style Sheet روشي است براي قالب بندي و طراحي اجزاي صفحه از قبيل متن، تصوير، زمينه صفحه، کادرها و تقريباً هر چيزي که در طراحي صفحه استفاده مي شود بدون استفاده از کدهاي HTML. از طريق اين استايل شيتها مي توانيم از دوباره نويسي کدهاي HTML که باعث مشکل شدن کد نويسي و همچنين کند شدن سرعت بارگذاري صفحه در اينترنت مي شود جلوگيري کنيم. براي مثال مي توانيم يک بار نوع فونت مورد استفاده در يک صفحه را تعيين کنيم و ديگر مجبور نباشيم کد مربوط به فونت را در صفحه به کار ببريم. همچنين مي توانيم از اين ابزار قدرتمند در مواردي به جاي جاوا اسکرپت نيز استفاده کنيم و چون مشکلات جاوا اسکرپت مثلاً غير فعال بودن جاوا اسکرپت در مرورگر را ندارد با خيالي آسوده تر مي توانيم از آن استفاده کنيم.

در اين قسمت به معرفي قابليتهاي مختلف CSS خواهيم پرداخت . چون اين قسمت در سايت ما به تازگي راه اندازي شده است هنوز کامل نشده و به مرور زمان سعي مي کنيم آنرا کاملتر کنيم.

 

اگر انتقاد يا پيشنهادي براي بهتر شدن اين قسمت داريد مي توانيد از طريق «فرم تماس با ما» ما را مطلع کنيم. ما نيز خوشحال مي شويم از نظرات شما در جهت بهبود اين بخش استفاده کنيم.